<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="refresh" content="5">
<meta http-equiv="Content-Type" content="text/html; charset=utf8"  />
<title>cloudstack 统计表</title> 
<style type="text/css">
table.hovertable {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
}
table.hovertable th {
    background-color:#c3dde0;
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #a9c6c9;
}
table.hovertable tr {
    background-color:#d4e3e5;
}
table.hovertable td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #a9c6c9;
}
ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
a:link,a:visited
{
display:block;
width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#7A991A;
}
</style>
</head>
<BODY align="center" valign="center">  
<DIV class="box">
<h3><strong>Cloudstack 实例
</strong>
<hr></hr>
<ul>
<li><a href="/">主页</a></li>
<li><a href="/instance_list">实例</a></li>
<li><a href="/vm_status">状态</a></li>
</ul>
<hr></hr>
<h3>列表</h3> 
<ul>
<li><a href="/instance">添加主机</a></li>
</ul>
<hr>
<table width="1200" border="0" cellspacing="1" cellpadding="0"  class="hovertable" > 
<tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
    <td><strong>实例ID</strong></td>
    <td><strong>名称</strong></td>
    <td><strong>内部名称</strong></td>
    <td><strong>用户</strong></td>
    <td><strong>模板名称</strong></td>
    <td><strong>所在主机</strong></td>
    <td><strong>来宾IP地址</strong></td>
    <td><strong>创建时间</strong></td>
    <td><strong>状态</strong></td>
  </tr>
  {% for ints in instances %}
  <tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
    <td>{{ints.id}}</td>
    <td>{{ints.NAME}}</td>
    <td>{{ints.instance_name}}</td>
     <td>{{ints.account}}</td>
     <td>{{ints.template_name}}</td>
    <td>{{ints.name}}</td>
    <td>{{ints.private_ip_address}}</td>
    <td>{{ints.created |date:"SHORT_DATETIME_FORMAT"}}</td>
     {% if ints.state != 'Running' %}
    <td bgcolor="#FF99CC" >{{ints.state}}</td>
    {% else %}
    <td>{{ints.state}}</td>
    {% endif %}
  </tr>
  {% endfor %}
</table>
</p>
</p>
<hr></hr>
<table width="1200" border="0" cellspacing="1" cellpadding="0" > 
  <tr>
    <td align="right" >2013 版本：1.0</td>
  </tr>
</table>
</DIV>
</body>
</html>
